﻿<div id="pnSlide" class="panel panel-default">
    <div class="panel-body">
        <div id="slMain">
            <div class="flexslider">
                <ul class="slides">
                    <li ng-repeat="slide in data.ListSlides" cts-repeat-loaded="slidesLoaded">
                        <a href="javascript:#">
                            <img ng-src='{{slide.SlideUrl}}_normal' alt='{{slide.SlideName}}' title='{{slide.SlideName}}' />
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="pnNewItems" class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <span class="glyphicon glyphicon-th-large"></span>&nbsp;&nbsp;
            <a data-toggle="collapse" href="javascript:#collapseNewItems">{{strings.NewItems}}</a>
        </h4>
    </div>
    <div id="collapseNewItems" class="panel-body collapse in">
        <div class="col-width" ng-repeat="item in data.ListNewItems" cts-repeat-loaded="newItemsLoaded">
            <span class="thumbnail">
                <img class="lightbox" href="{{item.ItemImage}}_full" ng-src='{{item.ItemImage}}_normal' alt='{{item.ItemName}}' ui-jq="tooltip" title='{{strings.ShowLargeImage}}' />
                <div class="caption">
                    <h5><a href="{{item.Link}}">{{item.ItemName}}</a></h5>
                </div>
            </span>
        </div>
    </div>
</div>